<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>签章服务监控</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <script type="text/javascript" src='../../js/jquery.min.js'></script>
    <script type="text/javascript" src='../layui/layui.all.js'></script>
    <script type="text/javascript" src="../base/common.js"></script>
    <script src=" ../echarts/build/dist/echarts2.js"></script>
    <script src="../echarts/build/dist/echarts2-all.js"></script>
    <script src="../../js/commonutil.js"></script>
    <script src="minute.js"></script>
    <script src="fifteenminute.js"></script>
    <script src="hour.js"></script>
    <script src="day.js"></script>
</head>
<body>

<div class="layui-row">
    <div class="layui-col-xs6">
        <div class="layui-row" style="padding-top: 30px">
            <div class="layui-row" id="minuteCountByBar" style="width: 100%; height: 300px"></div>
        </div>
    </div>
    <div class="layui-col-xs6">
        <div class="layui-row" style="padding-top: 30px">
            <div class="layui-row" id="minuteCountByPie" style="width: 100%; height: 300px"></div>
        </div>
    </div>
</div>
<div class="layui-row">
    <div class="layui-col-xs6">
        <div class="layui-row" style="padding-top: 30px">
            <div class="layui-row" id="fifteenminuteCountByBar" style="width: 100%; height: 300px"></div>
        </div>
    </div>
    <div class="layui-col-xs6">
        <div class="layui-row" style="padding-top: 30px">
            <div class="layui-row" id="fifteenminuteCountByPie" style="width: 100%; height: 300px"></div>
        </div>
    </div>
</div>
<div class="layui-row">
    <div class="layui-col-xs6">
        <div class="layui-row" style="padding-top: 30px">
            <div class="layui-row" id="hourCountByBar" style="width: 100%; height: 300px"></div>
        </div>
    </div>
    <div class="layui-col-xs6">
        <div class="layui-row" style="padding-top: 30px">
            <div class="layui-row" id="hourCountByPie" style="width: 100%; height: 300px"></div>
        </div>
    </div>
</div>
<div class="layui-row">
    <div class="layui-col-xs6">
        <div class="layui-row" style="padding-top: 30px">
            <div class="layui-row" id="dayCountByBar" style="width: 100%; height: 300px"></div>
        </div>
    </div>
    <div class="layui-col-xs6">
        <div class="layui-row" style="padding-top: 30px">
            <div class="layui-row" id="dayCountByPie" style="width: 100%; height: 300px"></div>
        </div>
    </div>
</div>
</body>

<script>
    /**
     * 查询逻辑：
     * 1、每分钟统计：每隔5秒查询一次并展示，每过一分钟删除数据重新统计
     * 2、每小时统计：每隔5分钟查询一次并展示，每过一个小时删除数据重新统计
     * 3、每天统计：每隔30分钟查询一次并展示，每过一天删除数据重新统计
     */
    minute();
    fifteeenminute();
    hour();
    day();
</script>
</html>
